@()

@main("发运系统 - 统计") {
	<link rel="stylesheet" href='@routes.Assets.at("resource/bootstrap/bootstrap-table.min.css")'/>
  	<link rel="stylesheet" href='@routes.Assets.at("business/statistic/statistic.css")'/>
	
	
	<div id="statisticContainer" class="statistic-container">
 		<div class="row">
 			<div class="col-1 label-product">
 				<label>品类</label>
 			</div>
		    <div class="col-11">
		    	<div id="productType" class="row justify-content-start"></div>
		    </div>
		</div>
		<div class="row">
			<div class="col-1 label-sub-product">
 				<label>品名</label>
 			</div>
		    <div class="col-11">
		    	<div id="productList" class="row justify-content-start"></div>
		    </div>
		</div>
		<div class="jrow">
			<div id="plateNo" class="jLabelInput jLabelInput-tc jLabelInput-3-9 col-4">车牌号</div>
			<div id="mileageDef" jtype="jDropdown" class="jLabelInput jLabelInput-tr jLabelInput-4-8 col-4">里程范围</div>
			<div id="unplace" class="jLabelInput jLabelInput-tr jLabelInput-4-8 col-4">到货地址</div>
		</div>
		<div class="jrow">
			<div class="col-1 label-time">
				<label class="col-form-label"><i class="icon icon-time icon-lg cg"></i> 时间</label>
			</div>
			<div class="col-4">
				<input id="dateTime" class="form-control" type="text">
			</div>
			<div class="col-1 label-customer">
			   <label class="col-form-label"><i class="icon icon-user icon-lg cb"></i> 客户</label>
			</div>
			<div class="col-5" id="selectCustomer">
				<input id="inputSelecCustomer" class="form-control" type="text" placeholder="当前条件无客户数据" readonly></input>
			</div>
			<div class="col-1">
			  <button id="btnTableSearch" class="btn btn-primary btn-sm mt-1"><i class="icon-search"></i> 查询</button>
			</div>
		</div>
		<div class="jrow separate－line"></div>
	 	<div class="row statistic-head">
	 		<div class="col-3">
	 			<label class="fs-20 fw-400 ml-1">统计</label> 
	 			<label id="chartBtn" class="btn-outline-primary btn-sm active"><i class="icon-bar-chart icon-lg"></i></label>|
	 			<label id="listBtn" class="btn-outline-primary btn-sm"><i class="icon-table icon-lg"></i></label>
	 		</div>
	 		<div class="col-2 offset-7 tr pr-4">
	 			<div id="tableExport" class="btn btn-success btn-sm mb-1">
	 				<i class="icon-download-alt"> 导出表格</i>
	 			</div>
	 		</div>
	 	</div>
	 	<div id="chartSection">
		 	<div class="row">
		 		<div class="col-5" id="divPieChart">
		 			<div id="pieChart"><div class="tc">当前条件无数据</div></div>
		 		</div>
		 		<div id="div-barChart" class="col-7">
		 			<div id="barChart"><div class="tc">当前条件无数据</div></div>
		 		</div>
		 	</div>
		 </div>
		 <div id="listSection">
		 	<div class="tc">当前条件无数据</div>
		 </div>
	 </div>
	 
	 
	<script type='text/javascript' src='@routes.Assets.at("resource/echarts/echarts.common.min.js")'></script>
	<script type='text/javascript' src='@routes.Assets.at("resource/bootstrap/bootstrap-table.min.js")'></script>
	<script type='text/javascript' src='@routes.Assets.at("resource/bootstrap/bootstrap-table-zh-CN.min.js")'></script>
	<script type='text/javascript' src='@routes.Assets.at("business/statistic/statistic.js")'></script>
}


